/* METRO UI TEMPLATE
/* Copyright 2012 Thomas Verelst, http://metro-webdesign.info*/

/*CSS RESET*/
html,body,iv,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup, tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
strong{font-weight:bolder;}
ol, ul, li { list-style: none; margin:0; padding:0}
:focus { outline:0; }
body { line-height:1.4; color:#000; }
ol,ul { list-style:square;margin-left:20px;} 
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; } 
a img{border:none;}

/*GENERAL*/
@font-face { font-family: "UTM Alter Gothic"; src: url('UTM.TTF'); src: url('UTM.TTF?#iefix')format('truetype');
 } 
.clearAll{ clear:both;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif; 
	line-height:18px;
}
html{
	overflow:scroll;
	min-width:300px;
	font-weight:normal;
	z-index:-5;
	background:#FFF;	
	height:100%;
	width:auto;
}
body{
	position:static;
	margin:0;
	padding:0;
	min-width:300px;
	min-height:100%;
	width:auto;
}
.fl{ float:left !important;}
.fr{ float:right !important;}

/*LAYOUT PARTS*/
header{
	line-height:1;
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	z-index:10;
}
#headerWrapper{
	position:relative;
	width:100%;
	min-height:20px;
}
#headerCenter{
	position:relative;
	max-width:1000px;
	padding:0 15px 0 15px;
	margin: 10px auto 7px auto;
}
#headerTitles{
	position:relative;
	float:left;
	display:inline-block;
}
.mainnav{ padding-bottom:20px; height:20px; width:100%;}
#headerTitles a.facebook{ width:32px; height:32px; background:url(../img/icons/connect.png) top left; display:block; margin-top:32px}
#headerTitles a.twitter{ width:32px; height:32px; background:url(../img/icons/connect.png) top right; display:block; margin-top:32px}
#headerTitles a.facebook:hover{background:url(../img/icons/connect.png) bottom left;}
#headerTitles a.twitter:hover{background:url(../img/icons/connect.png) bottom right; }
#headerTitles a{ float:left; margin-left:10px;}

#headerTitles>h1{
	margin:7px 0 3px 0;
}
#headerTitles>h2{
	margin: 5px 0 5px 3px;
}
#wrapper{
	margin:0 0 0 0;
	padding:130px 0 1px 0;
	position:relative;
	z-index:0;
}
#centerWrapper{
	position:relative;
	max-width: 1000px;
	margin:0 auto 0px auto;
	padding: 0px 0px 0px 0px;
}
#contentWrapper{
	min-height:300px;
	margin:0;	
	padding:0px;
	display:none;	
	overflow:visible;
}
#content{
	min-height:200px;
	position:relative;	
	display:block;
	margin:0;
	padding:0;
	font-weight:normal;
	height:auto;
}
#tileContainer{
	display:none;
	position:relative;		
	font-weight:normal;
	margin-top:0px;
}
footer{ /*show a little footer in the rightdown corner*/
	position:fixed;
	bottom:10px;
	left:0;
	padding:1px;
	font-weight: normal;
	text-decoration:none;
	width:100%;
	text-align:center;
	margin:0 auto; 
}
footer div{ text-align:left; margin:0 auto; width:900px; text-transform:uppercase; color:#0b6db0}
footer:hover{
	cursor:default;
}
.navArrows{
	position:absolute;
	margin-top:60px;
	opacity: 0.5;
	filter:  alpha(opacity=50);
	height:32px;
	display:none;
}
.navArrows:hover{
	cursor:pointer;
}
.navArrows.hidden{
	opacity:0;
}
/* General Navigation */
.groupTitle{ /*the title of the tilegroups*/	
	position:absolute;
	text-decoration:none;
	white-space: nowrap;
}
.groupTitle>h3{
	margin:0;
	font-family: "UTM Alter Gothic";
	font-size: 14pt;
	text-transform:uppercase;
	display:none;
}

#bgImage{ position:fixed; top:0; left:0; z-index:-4; min-width:125%;min-height:100%;}
#catchScroll{position:fixed;top:0; left:0;width:100%;height:100%;z-index:-1;}
#mobileOnDesktop{
	color:#FFF;
	padding:5px;
	text-decoration:none;
	position:absolute;
	top:0;left:0;
	background-color:#668000;
	z-index:999;
}
#mobileOnDesktop:hover, #mobileOnDesktop:active{
	color:#FFF;
	text-decoration:underline;
	border:1px solid #FFF;
}
/*Sidebar */
.sidebar{
	position:relative;
	padding:0;
	margin:0;	
	height:100%;
	top:0;
	bottom:0;
}
.sidebar-left{
	margin: 5px 15px 0 0;
	float:left;
}
.sidebar-right{
	margin: 5px 0 0 15px;
	float:right;
}
.sidebar-top{
	margin: 5px 0 5px 0;
	width:100%;
}
.contentpadding{ padding-left:50px;}
span.titlehotline{	
	margin:0;
	font-family: "UTM Alter Gothic";
	font-size: 14pt;
	text-transform:uppercase;
	text-align:center;
	display:block;
	line-height:1.8;
	float:left;
}
div.number{
	float: left;
	border-left: #036 1px solid;
	margin-left: 10px;
	margin-top: 7px;
	width: 250px;
	line-height:1.5;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
div.number span{ 
	float:left; 
	font-size: 14px;
	color: #e8641b;
	text-decoration: none;
	 margin:0 10px;
 }
#searchform-wrap {
	position: absolute;
	right: 0;
}
#searchform {
	width: 140px;
}
#searchform #s {
	font-size: 1.1em;
	width: 60px;
	color: #FFF;
	background: url(../img/icons/search.png) no-repeat 8px center;
	padding: 8px 0 8px 40px;
	float: right;
	border: none;
	margin-right:20px;
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
}
#searchform #s:focus {
	width: 230px;
	color: #666;
	background: #fff;
	padding-left: 10px;
}
.newsml{ margin:10px; font-family: Arial, Helvetica, sans-serif}
.newsml .content, .newsml img, .newsml span{ float:left}
.newsml .content{ width:220px; margin-left:10px; line-height:1;}
/*body*/
			.tvo_content{
				width:100%; height:100%; margin:0 auto;
			}
#bdwrapper{ width:1000px; margin:0 auto;}


	.tvo_booking .tvo_left{
		margin-left:14px;
		background:url(../img/bg-bticket_03.jpg) repeat-x top;
		height: auto;
		width:485px;
		float:left;
		-moz-border-radius:3px;
		-webkit-boder-radius:3px;
		-moz-box-shadow: 2px 2px 3px #768184;
		-webkit-box-shadow: 2px 2px 3px #768184;
		box-shadow: 2px 2px 3px #768184;
		position:relative;
	}
	
				
				
				.tvo_booking .tvo_left .tvo_content a.tvo_guide:hover{
					color:#000;
				}
				
				input.tvo_find{
					display:block;
					background-image:url(../img/search-button.png);
					background-position:bottom left;
					background-repeat:no-repeat;
					width:141px;
					height:45px;
					border:0px;
					line-height:43px;
					font-weight:bold;
					color:#FFF;
					font-size:12px;
					text-decoration:none;
					margin-top:20px;
					padding-left:30px;
				}
	.tvo_booking .tvo_right{
		background:#f6fbfd;
		-moz-box-shadow: 2px 2px 3px #d7e0e2;
		-webkit-box-shadow: 2px 2px 3px #d7e0e2;
		box-shadow: 2px 2px 3px #c1ced2;
		min-height:230px;
		overflow:hidden;
		margin-left:15px;
		width:436px;
		float:left;
		color:#000;
	}
		.tvo_booking .tvo_right ul{ padding:0 10px;}
		.tvo_booking .tvo_right li{
			background-image:url(../img/list-icon1.png);
			background-repeat:no-repeat;
			background-position:0px 3px;
			padding-left:5px;
			font-size:13px;
			padding-bottom:0px;
			margin-bottom:7px;
		}
	
		.tvo_booking .tvo_right img{
			display:block;
			float:left;
		}
		
		.tvo_booking .tvo_right .time-before{
			padding-left:20px;
			background:url(../img/refresh.gif) no-repeat left center;
			float:left;
			padding-right:10px;
			line-height:30px;
		}
		
		.tvo_booking .tvo_right .price2{
			font-weight:bold;
			line-height:30px;
			float:left;
		}
		
			.tvo_booking .tvo_right .price2 .bold-font-orange14{
				color:#E8641B;
				font-size:14px;
			}
			
		.tvo_booking .tvo_right .viewDetail{
			font-size:12px;
			font-weight:bold;
			color:#143982;
			line-height: 30px;
			width:90px;
			display:block;
			float:left;
			margin-left:10px;
			padding-left:20px;
		}

.tvo_bg_booking{
	background-image:url(../img/bg3.jpg);
	height:26px;
}
/*content*/
			
				#bdwrapper .tvo_content .input1{
					width:210px;
					margin-right:10px;
					padding-top:6px;
					padding-bottom:6px;
					background-color: #FCFBBB !important;
					border: 1px solid #E78F08 !important;
					-moz-box-shadow: 0 0 3px #E78F08;
					-webkit-box-shadow: 0 0 3px #E78F08;
					box-shadow: 0 0 3px #E78F08;
				}
				
.tvo_booking .tvo_left .tvo_content .box3 {
line-height: 140%;
width: 109px;
margin-top: 10px;
margin-left: 15px;
padding-right: 24px;
}				
					.tvo_booking .tvo_left .tvo_content .box3 select{
						width:100%;
					}
				
					.tvo_booking .tvo_left .tvo_content .box3 span{
						display:block;
						color:#FFF;
						padding:3px;
						padding-top:5px;
						padding-left:0px;
					}
				
				.tvo_booking .tvo_left .tvo_content a.tvo_guide{
					display:block;
					color:#333;
					font-weight:bold;
					padding-top:45px;
					padding-left:35px;
					background-image:url(../img/tube.png);
					background-repeat:no-repeat;
					background-position:bottom left;
				}
				
				.tvo_booking .tvo_left .tvo_content a.tvo_guide:hover{
					color:#000;
				}
				
				input.tvo_find{
					display:block;
					background-image:url(../img/search-button.png);
					background-position:bottom left;
					background-repeat:no-repeat;
					width:141px;
					height:45px;
					border:0px;
					line-height:43px;
					font-weight:bold;
					color:#FFF;
					font-size:12px;
					text-decoration:none;
					margin-top:20px;
					padding-left:30px;
				}
ul.listservice{ width:100%; margin:10px 0;}
	ul.listservice li{ float:left; margin:0 7px}
.colad{ width:178px; height:549px; float:left}
.colticket, .colpaygate, .colad{float:left; margin:10px 7px;}
.colticket, .colpaygate{width:370px; float:left;}
.colticket .faq{ background:url(../img/bgticket.jpg) top repeat-x; margin:0 auto; height:289px; padding:15px; overflow:hidden}
.colpaygate .faq{ background:url(../img/bgpaygate.jpg) top repeat-x; margin:0 auto; padding:10px; height:298px; overflow:hidden}
.listbank{ background:#FFF;  margin:0 auto; width:100%; height:100%;}
ul.listbank li{ float:left; margin: 0 2px;}
.titleforcus{font-size: 16pt; font-family: "UTM Alter Gothic"; color:#FFF; text-transform:uppercase;}
.titleforcus img{ float:left; margin-right:10px;}
.faq h3{ float:left; color:#ffbb79; font-size:42pt;font-family: "UTM Alter Gothic"; margin-right:10px; margin-left:10px; display:block;}
.faq div{ float:left; margin:3px; color:#FFF; text-transform:uppercase;}
.faq span{ float:left; display:block; margin-left:50px; margin-top: -40px; line-height:1.3;}
.aboutus, .ask{ width:470px; height:324px; float:left; margin:0 5px; background:#FFF; overflow:hidden;}
.aboutus .title{ height:50px; margin:0 auto; background:#c89d72;padding:5px 10px;}
	.aboutus .title img{ float:left; margin-right:10px;}
	.aboutus .title span{ margin-top:15px; display:block;font-size: 16pt; font-family: "UTM Alter Gothic"; color:#FFF; text-transform:uppercase; }
.chitiet{ width:125px; background:#f0a434; color:#FFF; padding:5px; height:30px; margin: 5px }
	.chitiet img{ float: right; margin-left:10px; margin-right:10px;}
	.chitiet span{ display:block; float:right; font-size: 16pt; font-family: "UTM Alter Gothic"; padding-top:5px;}
.talk {
float: left;
margin-left: 0;
width: 85%; background:url(../img/icons/nhay.png) no-repeat #f0a434; background-position: 10px 10px; color:#000
}
	.talkicon{ width:15%; text-align:center; float:left;}
	.talk span{ margin:4px 10px 10px 60px; display:block;}
	.talk span.name{ float:right; font-style:italic; color:#845400}
	.comment{ margin:5px 5px 0 0; clear:both;}
.ask .title{ height:50px; margin:0 auto; background:#5c94ac;padding:5px 10px;}
	.ask .title img{ float:left; margin-right:10px;}
	.ask .title span{ margin-top:15px; display:block;font-size: 16pt; font-family: "UTM Alter Gothic"; color:#FFF; text-transform:uppercase; }
	.ask ul{ padding:15px; }
	.ask ul li{ background:url(../img/icons/askinfo.png) left no-repeat; padding-left:25px; line-height:2;}
	.ask ul li a{ color:#000; text-decoration:none;}
	.ask ul li a:hover{ color:#5c94ac;}
.webfooter{ background:#18457e; padding:15px;}
.ctnfooter{ width:220px; border:#F00 1p solid; float:left; margin-left:10px;}
	.ctnfooter .title{font-size: 16pt; font-family: "UTM Alter Gothic"; color:#FFF; margin-bottom:10px;}
	.ctnfooter ul{ margin:10px 0 10px 0;}
	.ctnfooter ul li{ background:url(../img/icons/liicon.png) left no-repeat; padding-left:12px;}
	.ctnfooter ul li a{ color:#FFF; text-decoration:none;}
	.ctnfooter ul li a:hover{ color:#0f6eb8}
.colcontact{ float:left;}
	span.location{ width:80px; display:block; float:left}
	.iconlist{ float:left; }
	.iconlist img{ float:left; padding-top:5px;margin-right:15px;}
	 .infolist, .iconlist span{ float:left;}
	 .mrgbtm{ margin-bottom:10px;}
	 .copyright{ width:960px; margin:0 auto; text-align:center; padding: 10px 20px}
	 .logobtm{ float:right; padding-right:10px; margin-top:-60px;}
.search {
background: url(../img/SearcFlyBtn.png) no-repeat center center !important;
border: none !important;
font-size: 22px !important;
height: 66px !important;
width: 232px !important;
margin-top: 10px !important;
float: right !important;
color: #fff !important;
font-weight: bold !important;
text-align: right !important;
font-family: Arial, Helvetica, sans-serif !important;
text-shadow: 1px 1px #b87929 !important;
padding-right: 13px !important;
margin-right: 6px;
}
.w50{ width:222px; font-weight:bold;}
.dateoption {
background: url(../img/bg_textbox_03.jpg) repeat-x !important;
height: 26px !important;
border-radius: 3px !important;
line-height: 26px !important;
border: solid 1px #909090 !important;
margin-top: 5px !important;
float: none !important;
}
.dateoption {
width: 60px !important;
}
.monthoption {
background: url(../img/bg_textbox_03.jpg) repeat-x !important;
height: 26px !important;
line-height: 26px !important;
border-radius: 3px !important;
width: 118px !important;
border: solid 1px #909090 !important;
margin-left: 5px !important;
margin-top: 5px !important;
float: none !important;
}
.startplace, .endplace {
background: url(../img/bg_textbox_03.jpg) repeat-x !important;
height: 29px !important;
width: 202px !important;
line-height: 29px !important;
margin: 6px 0px !important;
border: solid 1px #909090 !important;
padding: 0px 6px !important;
border-radius: 3px !important;
float: none !important;
}
.personoption {
background: url(../img/bg_textbox_03.jpg) repeat-x;
height: 26px;
line-height: 26px;
border-radius: 3px;
width: 90px;
border: solid 1px #909090;
margin-top: 5px;
}
.line6 {
background: url(../img/line6.png) repeat-x;
height: 2px;
margin:13px 0;
}
.p5{ padding-left:9px;}
.p{ margin-top:0;}
.titleforcus span.name{ display:block; margin-top:10px; margin-left:0; font-size: 16pt; font-family: "UTM Alter Gothic"; float:left;}
/*content*/
#leftcontent{ width:710px; float:left; padding:0 15px 0 15px; }
	.backcontent{width:100%; padding-bottom:10px; border-bottom:#0e6fb1 1px solid; height:50px;}
		.backcontent span{ display:block; padding:15px 0 0 10px; float:left; font-size: 16pt; font-family: "UTM Alter Gothic"; text-transform:uppercase}
		.backcontent img{ float:left; display:block;}
	.introcontent{ float:left; margin-top:10px;}
		.colintro{ width:23%; float:left; text-align:center; margin:1%}
			.colintro .imgintro{ background:url(../img/asset.png); height:99px; width:110px;  margin-bottom:10px; margin:auto}
			.colintro .imgbelive{ background:url(../img/asset.png) -108px 0; height:99px; width:110px;  margin-bottom:10px; margin:auto}
			.colintro .imghoure{ background:url(../img/asset.png) -215px 0 ; height:99px; width:110px;  margin-bottom:10px; margin:auto}
			.colintro .img247{ background:url(../img/asset.png) -318px 0; height:99px; width:110px;  margin-bottom:10px; margin:auto}
			.colintro .title{font-size: 16pt; font-family: "UTM Alter Gothic"; text-transform:uppercase; margin-bottom:10px; color:#ffb400;text-shadow: #011123 1px 1px !important; height:30px;}
			.colintro .content{ color:#000;}
		.contentnews{ background-color: rgba(255,255,255,.8); text-align:center; width:94%; padding:20px; margin: 10px 0; text-align:left; color:#000}
		.headnews{ width:100%; margin:0 0 10px 0}
			.headnews .dateinfo{ width:52px; height:52px; background:#0e6fb1; color:#FFF; text-align:center; float:left;}
			.headnews .dateinfo .day{ font-size:28pt; padding-top:10px;}
			.headnews .dateinfo .month{ font-size:7pt; text-transform:uppercase; padding-top:10px;}
			.headnews .bigtitle a{ padding-left:10px; padding-top:12px}
			.contentnews .bigtitle a, .contentnews .bigtitle{ font-size:24px; color: #04438d; margin-bottom:10px; font-family: "UTM Alter Gothic"; float:left; text-decoration:none;}
			.headnews .bigtitle a:hover, .bigtitle a:hover{ color:#039;}
		.picnews{ width:624px; height:290px; overflow:hidden; margin:10px 0;}
		.shortdetail{ clear:both; font-size:10pt; color:#000; text-align:left}
		.newsctn{ width:624px; padding-top:10px; padding-bottom:10px; border-bottom:#009 1px solid; margin:0 auto;}
		.last{ border-bottom:#009 0px solid !important;}
			
#rightcontent{ width:247px; float:left;}
	.searchbox{ background:url(../img/bgsearch1.jpg) top repeat-x; padding:16px;}
		.searchbox .title{ padding-bottom:10px;  font-family: "UTM Alter Gothic"; font-size:24px;}
		.searchbox .input1{ width:100% !important; background: url(../img/bg_textbox_03.jpg) repeat-x !important;}
		.searchbox .w50{ width:46% !important;}
		.focus_input {
					background: url(../img/bg_textbox_03.jpg) repeat-x !important;
					border: 1px solid #E78F08 !important;
					z-box-shadow: 0 0 3px #E78F08;
					-webkit-box-shadow: 0 0 3px #E78F08;
					box-shadow: 0 0 3px #E78F08;
					height: 25px;
					}
		.searchbox .w30 {width: 30%;}
		.searchbox .padmid{ margin:0 5px;}
	.adleft{ width:245px; height:234px; overflow:hidden; margin-top:10px;}
	ul.right_mnu{ margin-left:20px;}
	ul.right_mnu li a {
		display: block;
		padding: 2px;
		margin-bottom: 5px;
		text-decoration: none;
		background: url(../img/icons/liicon.png) no-repeat left center;
		padding-left: 14px;
		text-decoration: none;
		color: #143B85;
		}
	ul.right_mnu li a:hover{
			color:#F60;
		}
		.howto{ margin-top:10px;}
		.howto .title {
height: 50px;
margin: 0 auto;
background: #0e6fb1;
padding: 5px 10px;
}
		.howto .title span {
margin-top: 15px;
display: block;
font-size: 16pt;
font-family: "UTM Alter Gothic";
color: #FFF;
text-transform: uppercase;
float:left
}
.howto .title img{ float:left; margin-right:10px}
.detail{ color:#000; text-align:left; padding:20px}
.colad1{ width:100%; margin:10px 20px;}
.colad1 .title{ float:left; font-size: 16pt;
font-family: "UTM Alter Gothic"; margin-bottom:5px; clear:both; text-align:left; color:#000; margin-bottom:15px;}
.colad1 .service{ width:30%;float:left; margin:5px; color:#000;}
.imgnews{ max-width:624px; text-align: center; margin:0 auto; padding-top:20px;}
.detail{ margin:0 20px}
.picservice1{ background:url(../img/asset.png) -430px 0; height:64px; width:74px; float:left;}
.picservice2{ background:url(../img/asset.png) -516px 0; height:64px; width:74px; float:left;}
.picservice3{ background:url(../img/asset.png) -598px 0; height:64px; width:74px; float:left;}
.titleser{ float:left; font-size: 16pt;
font-family: "UTM Alter Gothic"; margin-bottom:5px; clear:both; text-align:left;}
.w65{ width:65%; display:block;}
.contentser{ text-align:left;}
span.phoneser{ display:block; background:url(../img/asset.png) -672px 0; text-align:left; float:left; width:26px; height:26px; margin:0 auto;}
.pdl5{ padding-left:5px}
/*customer*/
.customer {
min-height: 58px;
padding-bottom: 5px;
margin-bottom: 5px;
background: url(../img/customerIcon.png) no-repeat top left;
border-bottom: 1px dashed #CCC;
padding-left: 60px;
font-size: 13px;
color: #666;
line-height: 130%;
}
.customer .time {
display: inline-block;
background: #ededed;
color: #7a7a7a;
font-size: 12px;
margin: 5px 0px;
font-style: italic;
}
.customer .name {
color: #8e8b8b;
font-size: 12px;
line-height: 18px;
}
.formcustomer {
width: 395px;
float: left;
}
.formcustomer h5 {
font-size: 16px;
font-family: "UTM Alter Gothic";
color: #04438d;
text-transform: uppercase;
margin: 25px 10px 15px 0px;
}
.formcustomer label {
font-size: 11px;
color: #155095;
line-height: 14px;
font-weight: bold;
margin-bottom: 5px;
display: block;
padding-left: 10px;
background: url(../img/btn_circle.png) no-repeat left center;
margin-top: 5px;
}
.formcustomer input {
border: solid 1px #e4e4e4;
height: 24px;
background: #fff;
width: 290px;
margin-bottom: 10px;
}
.formcustomer .submitMessage {
width: 66px;
height: 34px;
cursor: pointer;
color: #fff;
background: url(../img/SendButton.png) no-repeat center right;
border: none;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
display: block;
}
.formcustomer .messageKH {
width: 290px;
height: 65px;
border: solid 1px #e4e4e4;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
/* Paging */
.form-paging { float: left; margin-bottom: 10px;width:100%; clear:both;}
.form-paging-top {font-size: 0;}
.form-paging-top-left { float: left;}
.form-paging-top-right { float: left;}
.form-paging-top-bg {float: left;}
.form-paging-bg { height: auto; width: 100%; float: left; overflow: hidden; padding: 5px 0; }
.form-paging-bg p { margin-top: 0; margin-bottom: 10px; }
.form-paging-bottom-left { float: left; }
.form-paging-bottom-right { float: left;}
.form-paging-bottom-bg {width: 100%; float: left;}
.form-paging-bg-top { overflow: hidden; height: auto; float: left; width: 100%; }
.total-result { float: left;  }
.total-result p { margin-bottom: 0; }
.total-result p b { color: #ef9123; font-size: 16px; }
.total-result p span { color: #9f9f9f; }
.result-paging { float: right; }
.result-paging a { color: #666; float:left; margin-left:5px; border:1px solid #dcdcdc; padding:4px 8px; }
.result-paging a:hover { color: #fff; background:#999; border-color:#999; }
.result-paging a.current-page, .result-paging a.current-page:hover { background:#fff; border-color:#fff; color:#2286b7; font-weight:bold;}
.form-paging-bg-bottom { overflow: hidden; float: left; width:100% }
.tbl-submit { width:100%;}
/*search*/
.sky_left_section .sky_schedule{
		padding-left:5px;
		padding-right:5px;
	}
	
		.sky_left_section .sky_schedule .content{
			border-bottom:1px solid #C5DFF8;
			padding-bottom:5px;
			padding-top:5px;
			line-height:40px;
			height:40px;
			overflow:hidden;
		}
		
			.sky_left_section .sky_schedule .content img{
				display:block;
				padding:4px;
				border-radius:3px;
				border:1px solid #CCC;
				box-shadow:2px 2px 2px #CCC;
				background-color:#FFFFFF;
				float:left;
				margin-right:10px;
			}
			
			.sky_left_section .sky_schedule .content .flight_code{
				display:block;
				float:left;
				margin-right:10px;
				width:60px;
			}
			
			.sky_left_section .sky_schedule .content .time{
				color:#143B85;
				font-weight:bold;
				font-size:18px;
				float:left;
				display:block;	
			}
			
			.sky_left_section .sky_schedule .content .price{
				color:#FF7B0F;
				font-weight:bold;
				font-size:18px;
				min-width:150px;
				margin-left:15px;
				float:left;
				display:block;
			}
			.sky_left_section .sky_schedule .content:hover .price{ color:#FFF}
			.sky_left_section .sky_schedule .content .detailt{
				display:block;
				height:17px;
				color:#143B85;
				cursor:pointer;
				font-weight:bold;
				float:left;
				background-image:url(../img/collaspe.png);
				background-repeat:no-repeat;
				background-position:right top;
				line-height:17px;
				padding-right:20px;
				margin-top:10px;
			}
			
			.sky_left_section .sky_schedule .content .chosen{
				display:block;
				float:left;
				margin-left:10px;
			}
			
				.sky_left_section .sky_schedule .content .chosen input{
					display:block;
					width:15px;
					float:left;
					margin-top:11px;
				}
				
				.sky_left_section .sky_schedule .content .chosen span{
					width:47px;
					height:27px;
					background:url(../img/btn-select-flight.png) no-repeat top left;
					line-height:27px;
					text-align:center;
					color:#FFF;
					font-weight:bold;
					display:block;
					float:left;
					margin-top:3px;
				}
				
				.sky_left_section .sky_schedule .content:hover .chosen span{
					background:url(../img/btn-select-flight-hover.png) no-repeat top left;
				}
		
			.sky_left_section .sky_schedule .hide_content{
				background:whiteSmoke;
				padding:10px;
				line-height:140%;
				color:#333;
				display:none;
			}
			
				.sky_left_section .sky_schedule .hide_content .three{
					width:33%;
					float:left;
				}
				
					.sky_left_section .sky_schedule .hide_content .three img{
						display:block;
						margin-right:10px;
						float:left;
						margin-top:5px;
						padding:2px;
						border-radius:2px;
						border:1px solid #CCC;
					}
					
				.sky_left_section .sky_schedule .hide_content .tlcl1{
					font-weight:bold;
					color:#999 !important;
				}
				
				.sky_left_section .sky_schedule .hide_content .tlcl2{
					font-weight:bold;
					font-size:16px;
					color:#666;
					padding-left:5px;
					margin-bottom:10px;
					display:block;
					margin-top:10px;
				}
				
				.sky_left_section .sky_schedule .hide_content table.red strong{
					color:#F00;
				}
		
		.sky_left_section .sky_schedule .content:hover{
			background:#ff7008;
		}
		input {
width: 80%;
}
					form.cmxform legend { padding-left: 0; }

form.cmxform input{
	width:340px;
}

form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
	}
form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } 
	.main-khachhang  h3{font-size:16px; color:#04438d; font-weight:bold; text-transform:uppercase; margin:25px 10px 15px 10px; letter-spacing:-1px;}
.leaveMessage {width:400px; padding-left:10px;}
.leaveMessage label{display:block;width:50px; background:#04438d; padding:3px 10px; font-size:12px; color:#fff; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; text-align:center;}
.leaveMessage .inputtext {width:380px; height:30px; border:solid 1px #04438d !important; margin-bottom:10px; font-size:12px; line-height:30px; padding:0px 10px;}
.leaveMessage .inputtextarea {width:380px; height:30px; border:solid 1px #04438d; margin-bottom:10px; height:100px; margin-top:0px; line-height:18px; font-size:12px; padding:0px 10px; }

	
        .leaveMessage label {
            font-weight: normal;
            width: 100px;
            color: white;
            line-height: 16px;
        }
		.message-success {
background: #EDF9ED;
color: #437941;

border: 1px solid #9BC97F;
float: left;
width: 95%;
padding: 5px 2%;
clear: both;
margin: 5px auto;
}